// 主题色
$color_theme: #cda151;


page {
	background-color: #ffffff;
}
view,text{
	color: #333333;
	box-sizing: border-box;
}
button{
	display: block;
	margin: 0;
	padding: 0;
	background: none;
}


// 布局
.wap{
	padding-left: 32rpx;
	padding-right: 32rpx;
}

.row{
	display: flex;
	min-height: 50rpx;
	flex-wrap: wrap;
	@for $i from 1 through 24 {
		.col_#{$i} {
			width: ($i / 24) * 100%;
		}
	}
}

// 文字
.f1{
	font-size: 32rpx;
}
.f2{
	font-size: 28rpx;
}
.f3{
	font-size: 24rpx;
}

.c1{
	color: #fff;
}
.c2{
	color: #D2D2D2;
}
.c3{
	color: #a8a8a8;
}
.c4{
	color: #7B7B7B;
}
.fwb{
	font-weight: bold;
}
.c_sed{
	color: #DCC188;
}

.xj-ellipsis,.d1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xj-time-color{
	color: #D2D2D2 !important;
}

.xj-ellipsis-2,.d2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	
}

.xj-ellipsis-3,.d3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

// 按钮
.btn_sm{
	width: 110rpx;
	height: 56rpx;
	background: #0d0d0d;
	border-radius: 110rpx;
	color: #FFFFFF;
	line-height: 56rpx;
	text-align: center;
	font-size: 24rpx;
}
.btn{
	width: 100%;
	height: 88rpx;
	line-height: 88rpx;
	border-radius: 110rpx;
	background: #0d0d0d;
	text-align: center;
	color: #FFFFFF;
	font-size: 32rpx;
	font-weight: bold;
	letter-spacing: 3px;
}

// 选择地址页面样式覆盖
/deep/ .cs-page-container{
	background: #111111 !important;
	
}
/deep/ .header--container {
		background: #1F1F1F !important;
	}
/deep/ .header-container,
/deep/ .header--header-container,
/deep/ .header--title-bar-center{
	background: #1F1F1F !important;
}
/deep/ .header--title-bar-center view{
	color: #fff !important;
}
/deep/ .header--btn-leftarrow{
	border-color: #fff !important;
}
/deep/ .cs-position-label,
/deep/ .cs-position-text,
/deep/ .citys--cs-city-label{
	color: #fff !important;
	
}
/deep/ .cs-search-input{
	color: #333 !important;
}

input,
.input-placeholder,
.textarea-placeholder,
textarea{
	font-size: 32rpx;
}
.input-placeholder,
.textarea-placeholder{
	color: #a8a8a8;
}
.load{
	padding-top: 200rpx;
}
/deep/ .u-empty{
	padding-top: 100rpx;
	padding-bottom: 100rpx;
}


.top_tip{
    margin-top: 32rpx;
    height: 70rpx;
    background: rgba(254,240,188,0.2);
    border-radius: 4rpx;
    color: #FEF0BC;
    line-height: 70rpx;
    text-align: center;
	margin-bottom: 30rpx;
	
}

.flx {
	display: flex;
}

.flx_justify_center {
	justify-content: center;
}

.flx_align_center {
	align-items: center;
}

.flx_justify_between {
	justify-content: space-between;
}

.flx_justify_end {
	justify-content: flex-end;
}

.flx_align_end {
	align-items: flex-end;
}
// 文本溢出隐藏
.hiddenText{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}